import { Button } from "@arco-design/web-react"


interface IconButtonProps {
    onClick?: () => void;
    color?: string;
    bgColor?: string;
    fontSize?: string;
    shadow?: boolean;
    icon: React.ReactNode;
}

export const IconButton: React.FC<IconButtonProps> = ({ onClick, icon, color, bgColor, shadow, fontSize }) => {
    return (
        <Button
            className={shadow ? 'shadow-md' : ''}
            style={{
                textAlign:'center',
                borderRadius: '14px',
                background: bgColor ? bgColor : '#F4F9FD',
                color: color ? color : 'black',
                fontWeight: 'bold',
                fontSize: fontSize ?? '15px',
            }}
            onClick={onClick}
        >
            {icon}
        </Button>
    );
};